<template>
	<div>
		<m-table name="admin-service-source" :action="action" :search="search">
			<el-table-column label="姓名" prop="name" width="120" />
			<el-table-column label="头像" width="130">
				<template slot-scope="scope">
					<el-avatar :src="scope.row.avatar" fit="contain"></el-avatar>
				</template>
			</el-table-column>
			<el-table-column label="手机号" prop="phone" width="140" />

			<el-table-column label="信息完善" prop="state" width="120">
				<template slot-scope="scope">{{ scope.row.bindInformation ? '已完善' : '未完善' }}</template>
			</el-table-column>

			<el-table-column label="分配客服" prop="state" width="120">
				<template slot-scope="scope">{{ scope.row.bindService ? '已分配' : '未分配' }}</template>
			</el-table-column>

			<el-table-column label="注册时间" prop="created" />

			<el-table-column label="详情" prop="state" width="90" fixed="right">
				<el-button size="mini" type="success" @click="view(scope.row)" slot-scope="scope">详情</el-button>
			</el-table-column>
		</m-table>

	</div>
</template>

<script>
import apiSelect from '@/components/custom/apiSelect';
import request from '@/utils/request';
export default {
	components: {
		apiSelect,
	},
	data() {
		return {
			sources: ['未评分', '轻微', '中度', '严重'],
			//分配客服
			allocation: {
				show: false,
				data: {
					clientId: 0,
					dayUser: null,
					nightUser: null,
					expertUser: null,
				},
			},
			search: [
				{ icon: 'el-icon-mobile', type: 'like', name: 'name', label: '用户姓名', span: 4, value: '' },
				{ icon: 'el-icon-mobile', type: 'like', name: 'phone', label: '联系方式', span: 4, value: '' },
			],
			action: { remove: false, edit: false, add: false, export: false },
		};
	},
	methods: {
       
	},
};
</script>

<style>
.tag {
	font-size: 10px !important;
}
</style>